<template>
  <div>
    <div
      class="banner-box flex-center bg-[url('~/assets/images/solution/tower_banner.png')] bg-cover bg-no-repeat"
    >
      <div class="banner-con">
        <h1 class="banner-main-title">塔机监控与吊钩可视化系统</h1>
        <p class="banner-text xl:w-[37vw] mt-10">
          联筑达·智慧工地塔机监控系统，由安装于塔机吊臂、塔身及传动结构处的各类传感器，控制主机、显示屏，无线通讯模块，以及在远程服务器部署的监控软件组成。
          系统可有效监测塔吊的运行安全指标，包括吊重、升降机载重、起重力矩、塔吊变幅、塔吊、升降机高度、塔吊工作回转角、塔身倾斜角度及作业环境风速，在临近额定限值时发出语音预警和报警，及时防范塔吊危险事故的发生，实现智慧化安全施工管理。
        </p>
      </div>
    </div>

    <div class="pt-[70px] pb-20">
      <div class="module-con">
        <h2 class="module-title">系统功能</h2>
        <div class="flex flex-wrap mt-10 justify-around">
          <div
            v-for="(item, ind) in traitList"
            :key="ind"
            class="w-[382px] mb-6 relative text-center rounded-sm border pb-4 pt-9 px-9 border-[#EDF4FB] border-t-2 border-t-[#0099FF]"
          >
            <img
              class="inline-block"
              :src="
                require(`../../assets/images/solution/tower_0${ind + 1}.png`)
              "
            />
            <div class="text-[#222] mt-[15px]">{{ item.name }}</div>
            <p class="mt-[18px] text-[#828282] text-sm leading-6">
              {{ item.content }}
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="bg-[#FBFBFB] py-[84px]">
      <div class="module-con">
        <h2 class="module-title">系统优势</h2>
        <img
          alt="塔机监控与吊钩可视化系统"
          class="w-full mt-10"
          src="../../assets/images/solution/tower_adv.png"
        />
      </div>
    </div>

    <div
      class="py-[90px] bg-[url('../../assets/images/solution/video_ hardware_banner.png')] bg-image-base"
    >
      <div class="w-[96%] xl:w-[1200px] mx-auto">
        <h2 class="module-title">硬件产品</h2>
        <img
          class="w-full my-10"
          src="../../assets/images/solution/tower_product.png"
        />
        <div class="flex flex-col xl:flex-row xl:space-x-10">
          <div
            class="bg-gradient-to-t from-[#F8FEFF] to-[#FFFFFF] py-5 px-10 flex-1 shadow"
          >
            <div class="text-[#444] bg-[#E4EFFF] w-fit">塔机安全保护系统</div>
            <div class="mt-2 flex">
              <div class="text-sm text-[#828282] leading-7 flex-1">
                <p>高度、幅度、回转、重量、力矩、倾角、防碰撞</p>
                <div class="flex">
                  <p class="flex-1">电气参数：AC220V</p>
                  <p>工作环境温度： -30℃—60℃</p>
                </div>
                <div class="flex">
                  <p class="flex-1">整机功耗：25W</p>
                  <p>工作湿度：小于 95%（25℃）</p>
                </div>
                <div class="flex">
                  <p class="flex-1">报警音量：大于 60DB</p>
                  <p>工作方式：连续工作</p>
                </div>
                <div class="flex">
                  <p class="flex-1">误差：小于 0.5%</p>
                  <p>震动：加速度≤5G</p>
                </div>
                <p>报警方式：声、图像报警</p>
              </div>
              <img
                class="w-[61px] h-fit -mt-4"
                src="../../assets/images/icon_ quotation.png"
              />
            </div>
          </div>

          <div
            class="bg-gradient-to-t from-[#F8FEFF] to-[#FFFFFF] py-5 px-10 flex-1 shadow"
          >
            <div class="text-[#444] bg-[#E4EFFF] w-fit">吊钩盲区可视化系统</div>
            <div class="mt-2 flex">
              <div class="text-sm text-[#828282] leading-7 flex-1">
                <p>主机供电：220V AC。</p>
                <p>移动端电池容量：12.6V 10.4AH（连续工作时间超12小时）。</p>
                <p>显示屏参数：13寸 1920*1080P高清超薄工业显示屏。。</p>
                <p>摄像机参数：变倍变焦摄像机，200W像素 1920*1080P分辨率。</p>
                <p>充电速度：从完全馈电到满电充电时长约6小时。</p>
              </div>
              <img
                class="w-[61px] h-fit -mt-4"
                src="../../assets/images/icon_ quotation.png"
              />
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="pt-[84px] pb-16 bg-[#FBFBFB]">
      <div class="w-[96%] xl:w-[1200px] mx-auto">
        <h2 class="module-title">应用效果</h2>
        <div class="flex flex-wrap mt-10 justify-between">
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/tower_effect_01.png"
            />
          </div>
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/tower_effect_02.png"
            />
          </div>
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/tower_effect_03.png"
            />
          </div>
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/tower_effect_04.png"
            />
          </div>
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/tower_effect_05.png"
            />
          </div>
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/tower_effect_06.png"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      traitList: [
        {
          name: '驾驶员管理',
          content:
            '通过生物识别技术防止无关人员违规操作，只有获得塔吊操作资格证书，并已录入塔吊班组人员信息才能启动塔吊。',
        },
        {
          name: '数据实时监测',
          content:
            '幅度、高度、回转、重量、倾角、风速等传感器采集塔机运行数据，监控塔机运行状态。如风速传感器测量塔机处即时风速，当风速大于安全作业上限时，在塔机驾驶室和监控中心进行声光报警。',
        },
        {
          name: '塔吊可视化',
          content:
            '把高清红外摄像机安装在塔机大臂的小车上，对塔机起升高度实时监测，对吊钩下方的作业画面进行自动追踪拍摄，杜绝盲吊。',
        },
        {
          name: '群塔防碰撞',
          content:
            '在由多个塔吊构成的集群中，系统实时跟踪各塔机的吊臂及吊钩位置，当塔机或吊钩位于交叉作业区域且与其他塔机小于安全距离时，进行声光报警，预防多塔机之间的碰撞。',
        },
        {
          name: '禁行区域防护',
          content:
            '当塔机吊臂及吊装物运行靠近楼宇、高压线及人员密集区域时，系统通过驾驶室的黑匣子和地面监控软件进行报警。',
        },
        {
          name: '设备维保记录',
          content:
            '通过联合智为智慧工地政府监管平台PC端和小程序，可以实时监控各项运行数据，及时预警。所有监测数据上传至平台，让数据看得见。',
        },
      ],
      hardwareCurrent: 0,
    }
  },
  head: {
    title: '塔机监控与吊钩可视化系统-联合智为',
    meta: [
      {
        hid: 'index-keywords',
        name: 'keywords',
        content: '塔机监控与吊钩可视化系统',
      },
      {
        hid: 'index-desc',
        name: 'description',
        content:
          '联筑达·智慧工地塔机监控系统，由安装于塔机吊臂、塔身及传动结构处的各类传感器，控制主机、显示屏，无线通讯模块，以及在远程服务器部署的监控软件组成。 系统可有效监测塔吊的运行安全指标，包括吊重、升降机载重、起重力矩、塔吊变幅、塔吊、升降机高度、塔吊工作回转角、塔身倾斜角度及作业环境风速，在临近额定限值时发出语音预警和报警，及时防范塔吊危险事故的发生，实现智慧化安全施工管理。',
      },
    ],
  },
}
</script>

<style scoped>
.effect-item {
  width: 32%;
  @apply mb-6;
}
</style>
